<template>
  <div>
    <h1>App根组件</h1>
    <div class="box">
      <!-- 组件区域 -->
      <Body>
        <template v-solt:default>
          <!-- <p> 这是在App组件中的Body 组件内定义的 p 标签</p> -->
        </template>
      </Body>
      <hr>
      <Article>
        <template v-slot:Myhead>
          <h3>老表好</h3>
        </template>
        <template v-slot:Mybody="scope">
          <p>老表我来了哦</p>
          <p>今天又是睡觉的一天</p>
          <p>{{ scope }}</p>
        </template>
      </Article>
    </div>
  </div>
</template>

<script>
import Body from "@/components/body.vue"
import Article from "@/components/Article.vue"
export default {
  components:{
    Body,
    Article,
  }
}
</script>

<style>

</style>
